import React, {useEffect} from 'react';
import {View} from '@tarojs/components';

import styles from './index.module.scss';
import {Grid, Image} from "@taroify/core";

const Index: React.FC = () => {


    useEffect(() => {
        load();
    }, []);

    const load = async () => {
    }

    const images = [
        'https://tdesign.gtimg.com/miniprogram/template/retail/goods/nz-08a.png',
        'https://tdesign.gtimg.com/miniprogram/template/retail/goods/nz-08a1.png',
        'https://tdesign.gtimg.com/miniprogram/template/retail/goods/nz-08b.png',
        'https://tdesign.gtimg.com/miniprogram/template/retail/goods/nz-08a1.png',
        'https://tdesign.gtimg.com/miniprogram/template/retail/goods/nz-08b.png',
    ]

    return (
        <View className={styles.page}>
            <Grid columns={3}  bordered={false}>
                {
                    images.map((item, index) => {
                        return <Grid.Item>
                            <Image className={styles.page_image} key={index} src={item} mode={'aspectFill'}></Image>
                        </Grid.Item>
                    })
                }
            </Grid>
        </View>
    );
};

export default Index;
